<template>
    <div style="width:100%">
        <el-divider content-position="center">其他登录方式</el-divider>
        <div class="u-f u-f-ac u-f-ajc" style="width:100%; cursor:pointer">
            <el-space wrap :size="'default'">
                <div class="u-f u-f-ac u-f-ajc" style="cursor:pointer" @click="handleLogin('qq')">
                    <SvgIcon :size="'20px'" style="color:#79bbff" :iconClass="'qq'" />
                </div>
                <div class="u-f u-f-ac u-f-ajc" style="cursor:pointer" @click="handleLogin('gitee')">
                    <SvgIcon :size="'20px'" :iconClass="'gitee'" />
                </div>
            </el-space>
        </div>
    </div>
</template>

<script setup lang="ts">
    import {ElLoading,ElMessage} from "element-plus";

    const handleLogin = (type:string)=>{
        const loading = ElLoading.service({
            lock:true,
            text:'登录中',
            background:'rgba(0,0,0,0.7)',
        })
        setTimeout(()=>{
            loading.close()
            ElMessage({
                message: type+'登录成功',
                type:'success',
                plain:true,
            })
        },2000)
    }
</script>

<style scoped lang="less">

</style>